<template>
  <div class="menu-page table-page">
    <toggle-search :is-expand.sync="isExpand">
      <div slot="btn">
        <a-button type="primary" @click="openAdd">新增</a-button>
        <a-button>删除</a-button>
      </div>
      <search-item
        v-model="searchForm.userName"
        label="课件名称"
        type="input"
      />
    </toggle-search>
    <div class="table">
      <page-table :data="data" :columns="columns" :page="page"></page-table>
    </div>
    <add-course ref="addCourse" />
  </div>
</template>
  
<script>
import tableMixins from '@/assets/js/mixins/tableMixins'
import addCourse from './addCourse.vue'
export default {
  name: 'UserManager',
  components: { addCourse },
  mixins: [tableMixins],
  data() {
    return {
      data: [
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },

        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        },
        {
          name: '课件1',
          desc: '我是描述'
        }
      ],
      columns: [
        {
          title: '课件名称',
          dataIndex: 'name',
          key: 'name'
        },
        {
          title: '课件描述',
          dataIndex: 'desc',
          key: 'desc'
        }
      ],
      isExpand: false,
      searchForm: {
        userName: ''
      }
    }
  },
  methods: {
    openAdd() {
      this.$refs['addCourse'].show()
    }
  }
}
</script>

<style>
</style>